
<?php session_start();

if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
if (empty($_REQUEST['cliente']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
if (empty($_REQUEST['contrato']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
require '../../config.php';
$cliente = $_REQUEST['cliente'];
$contrato = $_REQUEST['contrato'];

$query="select cli.*,con.* ,prop.*
from clientesventas cli,contratos con ,propuestas prop
where con.cliente=cli.idclientesventas 
and con.propuesta = prop.idpropuestas
and con.idcontratos = '$contrato'
and con.activo = 1
and cli.activo=1
and cli.idclientesventas= '$cliente' limit 1";

$registros=mysql_query($query);
if (mysql_num_rows($registros) > 0)

{
	$data = array();
	$row = mysql_fetch_array($registros);

		$data[] = $row['idclientesventas'];//0
		$data[] = _convert($row['nombre']);
		$data[] = _convert($row['direccion']);//2
		$data[] = $row['ruc'];//3
		$data[] = $row['dv'];
		$data[] = $row['idcontratos'];//5
		$data[] = $row['medio'];
		$data[] = $row['tipopropuesta'];//7
		$data[] = $row['descripcion'];
		
		mysql_close();
	
}

function _convert($content) {
		if(!mb_check_encoding($content, 'UTF-8')
		OR !($content === mb_convert_encoding(mb_convert_encoding($content, 'UTF-32', 'UTF-8' ), 'UTF-8', 'UTF-32'))) {
	
			$content = mb_convert_encoding($content, 'UTF-8');
	
			if (mb_check_encoding($content, 'UTF-8')) {
				// log('Converted to UTF-8');
			} else {
				// log('Could not converted to UTF-8');
			}
		}
		return $content;
	}
?>
<!DOCTYPE html>
<head>
<title>Formulario Envi&oacute; OT</title>
<link href="../../bootstrap/css/bootstrap.css" rel="stylesheet">
   	<link href="../../bootstrap/css/view.css" rel="stylesheet">
   	<link href="../../bootstrap/css/cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
   	
	<script type="text/javascript" src="../../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.js"></script> 
	
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.datepicker.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/toastr.min.js"></script> 
    <link href="../../bootstrap/css/toastr.min.css" rel="stylesheet"> 
    
	<link rel="stylesheet" type="text/css" href="../../bootstrap/css/jquery.ptTimeSelect.css" />
	<script type="text/javascript" src="../../bootstrap/js/jquery.ptTimeSelect.js"></script>
       
<script type="text/javascript">
		$(document).ready(function()
		{
		   var jQueryDatePicker1Opts =
		   {
		      dateFormat: 'yy-mm-dd',
		      changeMonth: false,
		      changeYear: false,
		      showButtonPanel: false,
		      showAnim: 'show'
		   };
		   $("#fechamat").datepicker(jQueryDatePicker1Opts);
		   $("#fechaini").datepicker(jQueryDatePicker1Opts);
		   $("#fechafin").datepicker(jQueryDatePicker1Opts);
		   
		   $('input[name="rango1"]')
		    .ptTimeSelect({
		        containerClass: undefined,
		        containerWidth: undefined,
		        hoursLabel:     'Hora',
		        minutesLabel:   'Minutos',
		        setButtonLabel: 'Establecer',
		        popupImage:     undefined,
		        onFocusDisplay: true,
		        zIndex:         10,
		        onBeforeShow:   undefined,
		        onClose:        undefined
		    });
		   $('input[name="rango2"]')
		    .ptTimeSelect({
		        containerClass: undefined,
		        containerWidth: undefined,
		        hoursLabel:     'Hora',
		        minutesLabel:   'Minutos',
		        setButtonLabel: 'Establecer',
		        popupImage:     undefined,
		        onFocusDisplay: true,
		        zIndex:         10,
		        onBeforeShow:   undefined,
		        onClose:        undefined
		    });
		    
		});
		</script>
</head>
<body id="main_body" >
<div id="a_header" >
		<div class="container">
			<div class="row">
				<div >
					<a href="#">
					<img src="../../imagenes/CRM HV alta.png" width="175" height="110" style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes(CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>		
			</div>
		</div>
 	</div> <!--  fin header -->
<div style="background-color:blue; height:3px;"></div>
	<img id="top" src="../../imagenes/top.png" alt="">
	<div id="form_container"  style="background-color: #f2f9f2" >
		<h1><a style="background-color: #00f"></a></h1>
		<form action="guardarenviodeot.php" method="post" enctype="multipart/form-data" id="formulario" name="formulario"  style="background-color: #f2f9f2">
		
		
					<div class="form_description">
			<h2>Formulario para Env&iacute;o de OT</h2>
			<p><strong>Datos del Cliente:</strong></p>
		</div>						
			<ul >
		
			
		<li  >
		<label class="description" for="nombrecliente">Nombre de cliente o empresa: </label>
		<div>
			<input id="nombrecliente" value="<?php echo $data[1];?>" disabled name="nombrecliente" class="element text medium" type="text" maxlength="30" size="30">
		</div> 
		<input type="hidden" name="idcliente" id="idcliente" value="<?php echo $cliente;?>" />
		<input type="hidden" name="idcontrato" id="idcontrato" value="<?php echo $contrato;?>" />
		</li>
		<div  id="liruc">
		<li >
		<label class="description" for="ruc">RUC: </label>
		<div>
			<input id="ruc"  name="element_44" value="<?php echo $data[3];?>" disabled  class="element text medium" type="text" maxlength="20">
		</div> 
		
		</li>
		<li   >
		<label class="description" for="dv">DV: </label>
		<div>
			<input id="dv" name="element_44" class="element text" value="<?php echo $data[4];?>" disabled  type="text" maxlength="5" size="5">
		</div> 
		
		</li>  
		</div>
		<li><div>
			<label class="description" for="element_72">Direcci&oacute;n: </label>
			<input id="direccion" name="element_72" class="element text medium" maxlength="250" value="<?php echo $data[2];?>" disabled type="text">
		</div>
		</li>
								
											
											
											
											
											<li>
											<label class="description" for="contrato">N&uacute;mero de Contrato: </label>
											<span>
												<input id="contrato"  class="element text" size="10" maxlength="10" disabled  type="text"  value="<?php echo $data[5];?>" >
											</span>
											</li>
											<li>
											<label class="description" for="contrato">Descripci&oacute;n: </label>
											<span>
												<input id="prop"  readonly class="element text" size="75"  type="text" disabled  value="<?php echo $data[6]." ".$data[7]." ".$data[8];?>" >
											</span>
											</li>
											<legend>Orden de Trabajo</legend>
											<li>
											<label class="description" for="element_666">Env&iacute;ar a:</label>
											</li>
											
											<div class="container" >
											     <div class="btn-group" data-toggle="buttons">
													  <label class="btn btn-default">
													    <input type="radio" name="options" id="option1" onchange="mostrarOpciones(1);"> Radio
													  </label>
													  <label class="btn btn-default">
													    <input type="radio" name="options" id="option2" onchange="mostrarOpciones(2);"> Tv
													  </label>
													  <label class="btn btn-default">
													    <input type="radio" name="options" id="option3" onchange="mostrarOpciones(3);"> Radio y Tv
													  </label>
												</div>
												<div id="hiden"></div>
												<div id="hiden2"></div>
												<div id="materiales" style="display: none">
											<li>
											<label class="description" for="element_666">El Cliente Aporta el Material:<span class= "glyphicon glyphicon-list-alt"></span></label>								
		
												<label class="checkbox-inline">
												  <input type="radio" name = "material" id="01" onchange="mostrarOpciones(4)" > S&iacute;
												</label>
												<label class="checkbox-inline">
												  <input type="radio" name = "material" id="02" onchange="mostrarOpciones(5)" > No
												</label>
												<label class="checkbox-inline">
												  <input type="radio" name = "material" id="03" onchange="mostrarOpciones(6)" > Parcial
												</label>
											</li>
											</div>
				 								
				 									<br><br>
				 									<div id="texto" style="display: none">
				 									<label>Seleccionar Texto</label>
				 									<input type="file" name="archivo" id="archivo"></input>
												
													<output id="list"></output>
													<script>
													  function handleFileSelect(evt) {
													    var files = evt.target.files; 
													    var output = [];
													    for (var i = 0, f; f = files[i]; i++) {
													      output.push('<li><strong>', escape(f.name), '</strong></li>');
													    }
													    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
													  }
													
													  document.getElementById('archivo').addEventListener('change', handleFileSelect, false);
													</script>
				 									
				 									</div>
				 									<div id="textoradio" style="display: none">
				 									<label>Nombre del Archivo del Texto:</label><br>
				 									<input id="textolink" name = "textolink" class="element text medium" placeholder="Copie el link o Arrastre el Archivo hasta aqu&iacute;" type="text"><br>
				 									<label>Nombre del Archivo del Audio:</label><br>
				 									<input id="audioradiolink" name = "audioradiolink" class="element text medium" placeholder="Copie el link o Arrastre el Archivo hasta aqu&iacute;" type="text">
				 									</div>
				 									<div id="audio" style="display: none">
				 									<label>Nombre del Archivo de Audio:</label><br>
				 									<input id="audiolink" name="audiolink" class="element text medium" placeholder="Copie el link o Arrastre el Archivo hasta aqu&iacute;" type="text">
				 									</div>
				 									<br>
				 									<div id="video" style="display: none">
				 									<label>Nombre del Archivo de Video:</label><br>
				 									<input id="videolink" name="videolink" class="element text medium" placeholder="Copie el link o Arrastre el Archivo hasta aqu&iacute;" type="text">
				 									</div>
														<script>
														  function handleFileSelect(evt) {
														    evt.stopPropagation();
														    evt.preventDefault();
														   var files = evt.dataTransfer.files; 									
														    var output = [];
														    for (var i = 0, f; f = files[i]; i++) {
														    	document.getElementById('audiolink').value= f.name;
														    }
														    
														  }
														  function handleFileSelect2(evt) {
															    evt.stopPropagation();
															    evt.preventDefault();
															   var files = evt.dataTransfer.files; 									
															     for (var i = 0, f; f = files[i]; i++) {
															    	document.getElementById('videolink').value= f.name;
															    }
															    
															  }
														  function handleFileSelect3(evt) {
															    evt.stopPropagation();
															    evt.preventDefault();
															   var files = evt.dataTransfer.files; 									
															     for (var i = 0, f; f = files[i]; i++) {
															    	document.getElementById('textolink').value= f.name;
															    }
															    
															  }
														  function handleFileSelect4(evt) {
															    evt.stopPropagation();
															    evt.preventDefault();
															   var files = evt.dataTransfer.files; 									
															     for (var i = 0, f; f = files[i]; i++) {
															    	document.getElementById('audioradiolink').value= f.name;
															    }
															    
															  }
														
														  function handleDragOver(evt) {
														    evt.stopPropagation();
														    evt.preventDefault();
														    evt.dataTransfer.dropEffect = 'copy'; 
														  }
																												 
														  var dropZone = document.getElementById('audiolink');
														  var dropZone2 = document.getElementById('videolink');
														  var dropZone3 = document.getElementById('textolink');
														  var dropZone4 = document.getElementById('audioradiolink');
														  dropZone.addEventListener('dragover', handleDragOver, false);
														  dropZone.addEventListener('drop', handleFileSelect, false);
														  dropZone2.addEventListener('dragover', handleDragOver, false);
														  dropZone2.addEventListener('drop', handleFileSelect2, false);
														  dropZone3.addEventListener('dragover', handleDragOver, false);
														  dropZone3.addEventListener('drop', handleFileSelect3, false);
														  dropZone4.addEventListener('dragover', handleDragOver, false);
														  dropZone4.addEventListener('drop', handleFileSelect4, false);
														</script>
				 								
				 									
											</div>
													
											<div id="traemateriales" style="display: none">
												<li>
												<span>
												<label class="description" for="formato">Formato:<span class= "glyphicon glyphicon-film"></span> </label>
													<input id="formato"  name = "formato" class="element text" size="10" maxlength="10" type="text" >
												</span>
												</li>
												<li>
												<span>
												<label class="description" for="fechamat">Fecha de entrega de Material:</label>
													<input id="fechamat" name = "fechamat" class="element text"  type="date" >
												</span>
												</li>
											</div>
											<br>
											<legend></legend>
											<li>
											<span>
											<label class="description" >Rango de Horario: </label>
												<input id="rango1" name="rango1" required class="element text"  type="text" >
												<input id="rango2" name="rango2" required class="element text"  type="text" >
											</span>
											</li>
											</li>
											<li>
											<span>
											<label class="description" for="proceso">Proceso de Producci&oacute;n: </label>
												<input id="proceso" name = "proceso" class="element text"  type="text" >
											</span>
											</li>
											<li>
											<span>
											<label class="description" for="fechaini">Fecha de Inicio:<span class= "glyphicon glyphicon-calendar"></span> </label>
												<input id="fechaini" name = "fechaini" required class="element text"  type="date" >
											</span>
											</li>
											<li>
											<span>
											<label class="description" for="fechafin">Fecha de Finalizaci&oacute;n:<span class= "glyphicon glyphicon-calendar"></span> </label>
												<input id="fechafin" name = "fechafin" required  class="element text"  type="date" >
											</span>
											</li>
											<li>
											<span>
											<label class="description" for="req">Detalles del Requerimiento: </label>
												<textarea id="req" name = "req" rows="10" cols="50" class="element text"></textarea>
											</span>
											</li>
										
		
		<li class="buttons">
		<input id="enviar" class="btn btn-success" type="submit"  value="Enviar a Producci&oacute;n"  />
		<input id="cancelar" class="btn btn-warning" type="button" name="cancelar" value="Cancelar" onclick="regresar();" />
		</li>
			</ul>
		</form>	
		
	</div>
	<img id="bottom" src="../../imagenes/bottom.png" alt="">
	<!--  footer -->
   <img id="bottom" src="../../imagenes/top.png" alt="">
    <img id="bottom" src="../../imagenes/bottom.png" alt="">
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p><strong>Desarrollado por:</strong></p>
					<a href="http://www.3tech-panama.com"><img src="../../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			    </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
	</body>
<script type="text/javascript">
														
var radio,tv=false;

function notvisible()
{
	$("#01").prop("checked", false);
	$("#02").prop("checked", false);
	$("#03").prop("checked", false);
	$('#traemateriales').hide('slow');
	$('#texto').hide('slow');
	$('#audio').hide('slow');
	$('#video').hide('slow');
	$('#textoradio').hide('slow');
}
function mostrarOpciones(opcion)
{
	
	try {
		$('#materiales').show('slow');
		
		
		if(opcion==4)
		{
			$('#traemateriales').show('slow');
			if(radio)$('#textoradio').show('slow');else $('#textoradio').hide('slow');
			if(tv)$('#audio').show('slow');else $('#audio').hide('slow');
			if(tv)$('#video').show('slow');else $('#video').hide('slow');
			$('#texto').hide('slow');
			document.getElementById('hiden2').innerHTML="<input type='hidden' name='destino'  value='3' />";
			//console.log("destino: 3");
		}
		else if(opcion==2)
		{
			tv=true;radio=false;
			notvisible();
			document.getElementById('hiden').innerHTML="<input type='hidden' name='tipo'  value='2' />";
			//console.log("tipo: 2");
		}
		else if(opcion==3)
		{
			tv=true;radio=true;
			notvisible();
			document.getElementById('hiden').innerHTML="<input type='hidden' name='tipo'  value='3' />";
			//console.log("tipo: 3");
		}
		else if(opcion==1)
		{
			radio=true;tv=false;
			notvisible();
			document.getElementById('hiden').innerHTML="<input type='hidden' name='tipo'  value='1' />";
			//console.log("tipo: 1");
		}
		else if(opcion==5)
		{
			if(radio && !tv)
			{
				$('#texto').show('slow');
				$('#audio').hide('slow');
				$('#video').hide('slow');
				$('#traemateriales').hide('slow');
				$('#textoradio').hide('slow');
			}
			else if(!radio && tv)
			{
				$('#texto').hide('slow');
				$('#audio').show('slow');
				$('#video').show('slow');
				$('#traemateriales').hide('slow');
				$('#textoradio').hide('slow');
			}
			else if(radio && tv)
			{
				$('#texto').show('slow');
				$('#audio').show('slow');
				$('#video').show('slow');
				$('#traemateriales').hide('slow');
				$('#textoradio').hide('slow');
			}
			document.getElementById('hiden2').innerHTML="<input type='hidden' name='destino'  value='2' />";
			//console.log("destino: 2");
		}
		else if(opcion==6)
		{
			if(radio && !tv)
			{
				$('#texto').show('slow');
				$('#audio').hide('slow');
				$('#video').hide('slow');
				$('#traemateriales').hide('slow');
				$('#textoradio').show('slow');
			}
			else if(!radio && tv)
			{
				$('#texto').hide('slow');
				$('#audio').show('slow');
				$('#video').show('slow');
				$('#traemateriales').show('slow');
				$('#textoradio').hide('slow');
			}
			else if(radio && tv)
			{
				$('#texto').show('slow');
				$('#audio').show('slow');
				$('#video').show('slow');
				$('#traemateriales').show('slow');
				$('#textoradio').show('slow');
			}
			document.getElementById('hiden2').innerHTML="<input type='hidden' name='destino'  value='4' />";
			//console.log("destino: 4");
		}
// 		console.log("Opcion: "+oconspcion);
// 		console.log("Radio: "+radio);
// 		console.log("Tv: "+tv);
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function regresar()
{
	 var codcli = "<?php echo $data[0]; ?>";
	window.name="10";
	document.location.href="seguimiento.php?cli="+codcli;
	return;
	
	
}

/* function enviarAprobacion()
{
	    var codcli = "<?php // echo $data[0]; ?>";
		var vendedor = document.getElementById('vendedor').value;
		var propuesta = document.getElementById('propuesta').value;
		var pauta = document.getElementById('pauta').value;
		var forma = document.getElementById('forma').value;
		var monto = document.getElementById('monto').value;
		var monto2 = document.getElementById('monto2').value;
		var letras = document.getElementById('letras').value;

		
			var contrato = document.getElementById('contrato').value;
			var material = document.getElementsByName("material");
			
			var mat = "";
			for(var i=0; i<material.length; i++) {  
			  if(material[i].checked) {
				  mat = material[i].id;
			   break;
			  }
			}
			if (mat == "")
			{
				alert("No ha seleccionado si el Cliente aporta el material.");
				return;
			}
		
			var formato = document.getElementById('formato').value;
			var fechamat = document.getElementById('fechamat').value;
			var rango1 = document.getElementById('rango1').value;
			var rango2 = document.getElementById('rango2').value;
			
			var proceso = document.getElementById('proceso').value;
			var fechaini = document.getElementById('fechaini').value;
			var fechafin = document.getElementById('fechafin').value;
			var req = document.getElementById('req').value;
		
						
			if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
		    	else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			
			
		    
		    xmlhttp.open("GET","regpendientes.php?cliente="+codcli+"&propuesta="+propuesta+"&vendedor="+vendedor+"&pauta="+pauta+"&formapago"+forma+
		    		"&monto="+monto+"&abono="+monto2+"&letras="+letras+"&status=0&contrato="+contrato+"&esmaterial="+mat+"&formato="+formato+"&fechaentregamate="+fechamat+
		    		"&rango1="+rango1+"&rango2="+rango2+"&proceso="+proceso+"&fechaini="+fechaini+"&fechafin="+fechafin+"&req="+req, false);
		    xmlhttp.send();
			
			 var hostInfo="";
		    hostInfo = xmlhttp.responseText;
		    
			 if(hostInfo == "ok")
			{
			 	
				alert("Datos Enviados Correctamente a Producci\u00f3n.");
				history.back(1);
			
			}
			else
			{
				alert(hostInfo);
				return false;
			}   
			
		
	}*/

function Solo_Numero(obj)
{
  Numero=obj;
  if (isNaN(Numero))
	  {
            return "";
      }
  if(Numero < 0) return "";
   return Numero;
 }
function ValNumero(Control)
{
    Control.value=Solo_Numero(Control.value);
}

alertar("Datos cargados","info");
</script>
<?php 
$_SESSION['mostrar']="potenciales3";
			if($data[4]=="" or $data[3]=="" )
			{
				$_SESSION['mostrar']="potenciales2";
				?> <script type="text/javascript">document.location.href="seguimiento.php?";</script>  <?php
			}
	   	    
		?>
</html>
